/******************************************************************************************
 * Import
 ******************************************************************************************/

// module
import React, {Component} from 'react';
import {Toast, Icon} from 'antd-mobile-rn';

// project
import {
    Page, Content, Text, ItemX, Row, Header, Footer, Between, Hand, TouchOpacity
} from '../../../library'

/******************************************************************************************
 * Export Class
 ******************************************************************************************/

export default class FeedBackList extends Component {

    /*------------------------------------------------------------------------------------
	 * 初始化
	 *-----------------------------------------------------------------------------------*/
	constructor(props) {
        super(props);
        this.Nav = this.props.navigation;
        
        /**
         * state
         */
		this.state = {
			
		};
    }

    /*------------------------------------------------------------------------------------
	 * 渲染
	 *-----------------------------------------------------------------------------------*/
	render() {
		return (
			<Page>

				<Content mt='40' bg='#efeff4'>

                    {/* 常见问题入口 */}
                    <Row bg='#fff' mt='10' bb='1 #f7f7f7'>
                        <TouchOpacity active={0.6} f='1' pa='10' onPress={(e)=> {
                            this.Nav.navigate('UserHelpHelp');
                        }}>
                            <Between>
                                <Hand>
                                    <Text size="16">常见问题</Text>
                                </Hand>
                                <Hand>
                                    <Icon type='right' color='#adadad' size='18'></Icon>
                                </Hand>
                            </Between>
                        </TouchOpacity>
                    </Row>

                    {/* 在线留言入口 */}
                    <Row bg='#fff' bb='1 #f7f7f7'>
                        <TouchOpacity active={0.6} f='1' pa='10' onPress={(e)=> {
                            this.Nav.navigate('UserHelpChat');
                        }}>
                            <Between>
                                <Hand>
                                    <Text size="16">在线留言</Text>
                                </Hand>
                                <Hand>
                                    <Icon type='right' color='#adadad' size='18'></Icon>
                                </Hand>
                            </Between>
                        </TouchOpacity>
                   </Row>

                    {/* 客服电话 */}
                   <Row bg='#fff'>
                        <TouchOpacity active={0.6} f='1' pa='10' onPress={(e)=> {
                            Toast.info('此功能暂未开启')
                        }}>
                            <Between>
                                <Hand>
                                    <Text size="16">客服电话</Text>
                                </Hand>
                                <Hand>
                                    <ItemX y='center'>
                                        <Text color='#b5b5b5' size='13'>工作日 9:00~18:00</Text>
                                        <Icon type='right' color='#adadad' size='18'></Icon>
                                    </ItemX>
                                    
                                </Hand>
                            </Between>
                        </TouchOpacity>
                   </Row>

                    {/* 意见反馈入口 */}
                   <Row bg='#fff' mt='10' >
                        <TouchOpacity active={0.6} f='1' pa='10' onPress={(e)=> {
                            this.Nav.navigate('UserHelpFeedback');
                        }}>
                            <Between>
                                <Hand>
                                    <Text size="16">意见反馈</Text>
                                </Hand>
                                <Hand>
                                    <Icon type='right' color='#adadad' size='18'></Icon>
                                </Hand>
                            </Between>
                        </TouchOpacity>
                   </Row>

				</Content>
				
                
			</Page>
		);
	}
}
